<div class="bui-page bbs_show">
	<header class="bui-bar">
		<div class="bui-bar-left">
			<a class="bui-btn" onclick="bui.back();"><i class="icon-back"></i></a>
		</div>
		<div class="bui-bar-main">贴子详情</div>
		<div class="bui-bar-right">
			<div class="bui-btn btn-share"><i class="icon-share"></i></div>

		</div>
	</header>
<main>
	<link rel="stylesheet" href="/public/static/css/base.css" /> 
	<link rel="stylesheet" href="/public/static/css/qb_ui.css" /> 
	<link rel="stylesheet" href="/public/static/libs/bui/pages/bbs/show.css">
<!--
<div class="qb_wap_header">
	<div class="L" onclick="Qibo.goBack('/index.php/qun/show-40/my_qid/40.html');"><i class="fa fa-reply"> 返回</i></div>
	 贴子详情	<div class="R" onclick="window.location.href='/member.php'"><i class="fa fa-user-circle-o"> 会员</i></div>
</div>
-->

<div class="bbsContainer">
  <ul style="height:1px;"></ul>
	<div class="ContentBox" style="position: relative;">
				<div class="title">
					<em class="gzqun">关注</em>
					<span v-if="info.list>time">顶</span> 
					<a v-html="info.title"></a>
				</div>
		<div class="thebase">
			<ul>
				<ol><a href="/member.php/home/1.html"><img style="border-radius:100%;" :src="info.user_icon" onerror="this.src='/public/static/images/nobody.gif'"></a><div><span onclick="sendmsg('admin')">{{info.username}}</span><em> {{info.time}}</em></div></ol>
				<li>
					<i class="si si-eye"></i><span>{{info.view}}</span> 
					<label class="topic-agree"><i class="fa fa-thumbs-o-up"></i><span id="topic_agree" class="topic_agree">{{info.agree}}</span></label>				
						<i title="删除贴子" class="del-topic fa fa-trash-o" v-if="admin==true||user.uid==info.uid"></i>					
						<i title="修改贴子" class="editinfo fa fa-edit" v-if="admin==true||user.uid==info.uid"></i>						
					<span v-if="admin==true">
						<i title="取消沉底" class="unbottom-info glyphicon glyphicon-arrow-down menu_highlight" v-if="info.list==0"></i>
						<i title="排序沉底" class="bottom-info glyphicon glyphicon-arrow-down" v-else></i>
						<i title="取消置顶" class="untop-info glyphicon glyphicon-arrow-up menu_highlight" v-if="info.list>0"></i>
						<i title="排序置顶" class="top-info glyphicon glyphicon-arrow-up" v-else></i>
						<i title="取消推荐" class="unstar-info fa fa-star menu_highlight" v-if="info.status>1"></i>
						<i title="推荐精华" class="star-info fa fa-star-o" v-else></i>
						<i title="取消锁定" class="unlock-info fa fa-lock menu_highlight" v-if="info.lock>0"></i>
						<i title="锁定" class="lock-info fa fa-lock" v-else></i>
						<i title="取消标题加粗" class="unfonttype-info fa fa-bold menu_highlight" v-if="info.font_type==1"></i>
						<i title="标题加粗" class="fonttype-info fa fa-bold" v-else></i>
						<i title="取消标题变红色" class="unfontcolor-info fa fa-font menu_highlight" v-if="info.font_color!=''"></i>
						<i title="标题变红色"class="fontcolor-info fa fa-font" v-else></i>
					</span>
				</li>
			</ul>
		</div>
		<div class="contentHtml" v-html="info.content"></div>
		<div class="contentHtml" v-for="rs in info.picurls"><img style="margin-bottom:10px;" :src="rs.picurl"/></div>
		<div class="OtherAct">
			<button type="button" class="post_topic_comment"><i class="fa fa-commenting-o"></i> 评论</button>			<button type="button" onclick="gave_rmb(7,0)">&yen; 赏钱</button>
			<button type="button" class="add-fav"><li class="fa fa-fw fa-star-o"></li>收藏</button>
		</div>
		<div class="showdsBox">
			<div class="h">
				共有<span>0</span>人打赏  
				<a class="fa fa-mobile-phone" style="color:#999;" v-if="info.phone_type!=''">  {{info.phone_type}}</a>
				<a class="fa fa-laptop" style="color:#999;" v-else></a>
			</div>
			<dl>
				<dt class="topic_reword_wap001"></dt>
				<dd onclick="show_more_reward(7,0);$('.MoreInfoBox').fadeIn();">更多<i class="fa fa-angle-right"></i></dd>
			</dl>
		</div>
	</div>
		 
	<div class="ListBox" v-if="typeof(info.qun)!='undefined'">
		<ul class="topBoxs" style="padding-bottom:10px;background:#fff;">
			<li class="atten" style="padding:0 0 0 0;"><a :href="'/index.php/bbs/content/add/fid/'+info.fid+'/ext_sys/0/ext_id/'+info.ext_id+'.html'">发表圈内新贴</a></li>
		</ul>
		<div class="list">
			<ul>
				<li class="img" style="position:relative;"><a href="/index.php/qun/show-40.html"><img :src="info.qun.picurl" onerror="this.src='/public/static/images/nopic.png'"></a></li>
				<li class="info">
					<div class="title"><a href="/index.php/qun/show-40.html">{{info.qun.title}}</a></div>
					<div class="cnt">成员：<span>{{info.qun.usernum}}</span> 贴子：<span>{{info.qun.replynum}}</span></div>	
					<div class="cnt">简介:{{info.qun.content}}</div>
				</li>				 
			</ul>
		</div>
		<script type="text/javascript">$.get("/index.php/qun/wxapp.visit/check_visit/id/40.html",function(res){});</script>
	</div>
	<ul class="topBoxs" style="padding-bottom:10px;background:#fff;" v-else>
	 <li class="atten"><a :href="'/index.php/bbs/content/add/fid/'+info.fid+'.html'">发表主题</a></li>
	</ul>
	

	<div class="CommentBox">
		<ul class="head">
			<ol>全部评论</ol>
			<li>共 <span id="total_comment">{{info.replynum}}</span> 条</li>
		</ul>
		<div class="ListComment">
			<!--贴子回复开始-->
			<div class="lists" v-for="rs in listdb">
				<ul>
					<ol><a href="#"><img :src="rs.user_icon" style="border-radius:100%;" onerror="this.src='/public/static/images/nobody.gif'" /></a></ol>
					<li>
						<div class="infos">
							<a href="javascript::" onclick="sendmsg('admin')">{{rs.username}}</a>
							<em>  {{rs.time}}</em>  
							<dd class="fa fa-mobile-phone" style="color:#999;" v-if="rs.phone_type!=''">  {{rs.phone_type}}</dd>
							<dd class="fa fa-laptop" style="color:#999;" v-else></dd>
							<span class="lou">1楼</span>
						</div>
						<div class="cnt replycontent" v-html="rs.content"></div>
						<div class="reply_pic" v-for="pic in rs.picurls"><img :src="pic" /></div>
						<!--引用回复开始-->
						<div class="replaycomment repalyinfs3">
							<dl v-for="ps in rs.sons">
								<dt>
									<a href="javascript::" onclick="sendmsg('admin')">{{ps.username}}</a>
									<em>{{ps.time}}</em>
									<a class="fa fa-mobile-phone" style="color:#999;" v-if="ps.phone_type!=''">  {{ps.phone_type}}</a>
									<a class="fa fa-laptop" style="color:#999;" v-else></a>
								</dt>
								<dd class="replycontent" :data-cid="rs.id" :data-sonid="ps.id">
									<span v-html="ps.content"></span>
									<div class="reply_pic" v-for="pic in ps.picurls"><img :src="pic" /></div>
									<i class="reply_comnent fa fa-commenting-o" :data-to="ps.username"></i>
									<i class="del-reply fa fa-trash-o"></i>
								</dd>
							</dl>
						</div>
						<!--引用回复结束-->
						<div class="showdsBox reply_reward" data-id="3"></div>
						<div class="other" :data-cid="rs.id">
							<i class="fa fa-yen" onclick="gave_rmb(7,3)"> 赏钱</i>
							<i class="fa fa-thumbs-o-up upnum"> {{rs.agree}}</i>
							<i class="reply_comnent fa fa-commenting-o"> 回复</i>
							<i class="del-reply fa fa-trash-o"></i>
						</div>
					</li>
				</ul>
			</div>
			<!--贴子回复结束-->
		</div> 
	</div>
	<div class="ShowMoreBox">评论加载中……</div>
</div>

<script type="text/javascript">
//发短消息
var haveSendMsg = false;
function sendmsg(name,ifsend){
	if(check_login()!=true) return ;
	if(ifsend==true){
		var contents = $(".sendmsgBox textarea").val();		
		contents = contents.replace("<","&lt;");
		contents = contents.replace(">","&gt;");
		contents = contents.replace("\n","<br>");
		contents = contents.replace(" ","&nbsp;");
		layer.closeAll();
		if(contents==''){
			layer.alert('内容不能为空!');
			return ;
		}
		if(haveSendMsg==true){
			layer.msg('请不要重复提交');
			return ;
		}
		haveSendMsg = true;
		layer.msg('正在发送消息,请稍候...');
        $.post("/member.php/member/wxapp.msg/add.html", {content:contents,touser:name}).success(function (res) {
			haveSendMsg = false;
            if(res.code==0){
				layer.closeAll(); //关闭所有层
				layer.msg('消息发送成功！');
				$(".sendmsgBox textarea").val('');
			}else{
				layer.alert(res.msg);
			}
		}).fail(function () {
			layer.open({title: '提示',content: '服务器发生错误'});
		});
	}else{
		layer.open({
		  type: 1,
		  title:'给 '+name+' 发私信',
		  area: ['90%'], //宽高，高参数忽略
		  content: '<ul class="replayBox sendmsgBox"><ol><textarea placeholder="请输入私信内容"></textarea></ol><li><span onclick="layer.closeAll();">取消</span><button onclick="sendmsg(\''+name+'\','+true+');">立即发送</button></li></ul>'
		});
	}
}

</script>
<div class="MoreInfoBox">
	<div class="BackBox" onclick="$('.MoreInfoBox').fadeOut();"></div>
	<div class="ShowinfoBox">
		<div class="h"><span>用户打赏列表</span></div>
		<div class="ListBox topic_reword_wapmore001">
		</div>
		<div class="closeBox"><span onclick="$('.MoreInfoBox').fadeOut();">关闭</span></div>
	</div>
</div>
	<!--评论的打赏列表-->
	<div style="display:none;" class="reply_reward_page1">
	</div>

<!--表情处理-->
<script src="/public/static/js/insert.js"></script>
<script type="text/javascript">
function choose_face(obj,face){
	$(obj).find('img').css('border','1px solid red');
	$(".replayBox textarea").last().insert({"text":face});
}

function open_upfile_images(){
	layer.open({
		type:2,
		area:['98%','95%'],
		content:"/index.php/index/upfile/images.html?img="+$(".atc_picurl").last().val(),
	});
}
function end_upfile_images(imgs){
	$(".atc_picurl").last().val(imgs);
	if(imgs!=''){
		$(".images_num").last().html(imgs.split(',').length);
		$(".images_num").last().show();
	}else{
		$(".images_num").last().hide();
	}
}
</script>

<!--评论表单-->
<div style="display:none;" class="comment-box">
	<ul class="replayBox">
		<ol><textarea placeholder="请输入评论内容"></textarea></ol>
		<li style="text-align:left;font-size:30px;color:#ccc;position:relative;">
			<i onclick="open_upfile_images();" class="fa fa-photo"></i>
			<em class="images_num" style="display:none;font-size:12px;position:absolute;left:0px;top:0px;background:orange;color:#fff;padding:1px 3px 1px 3px;">3</em>
			<input type="hidden" name="picurl" class="atc_picurl">
			<button class="comment-btn" style="font-size:14px;float:right;">确认提交</button>
		</li>
		<li style="text-align:left;margin-bottom:10px;">
						<em onclick="choose_face(this,'[face1]')"><img src="/public/static/images/qqface/1.gif"></em>
						<em onclick="choose_face(this,'[face2]')"><img src="/public/static/images/qqface/2.gif"></em>
						<em onclick="choose_face(this,'[face3]')"><img src="/public/static/images/qqface/3.gif"></em>
						<em onclick="choose_face(this,'[face4]')"><img src="/public/static/images/qqface/4.gif"></em>
						<em onclick="choose_face(this,'[face5]')"><img src="/public/static/images/qqface/5.gif"></em>
						<em onclick="choose_face(this,'[face6]')"><img src="/public/static/images/qqface/6.gif"></em>
						<em onclick="choose_face(this,'[face7]')"><img src="/public/static/images/qqface/7.gif"></em>
						<em onclick="choose_face(this,'[face8]')"><img src="/public/static/images/qqface/8.gif"></em>
						<em onclick="choose_face(this,'[face9]')"><img src="/public/static/images/qqface/9.gif"></em>
						<em onclick="choose_face(this,'[face10]')"><img src="/public/static/images/qqface/10.gif"></em>
						<em onclick="choose_face(this,'[face11]')"><img src="/public/static/images/qqface/11.gif"></em>
						<em onclick="choose_face(this,'[face12]')"><img src="/public/static/images/qqface/12.gif"></em>
						<em onclick="choose_face(this,'[face13]')"><img src="/public/static/images/qqface/13.gif"></em>
						<em onclick="choose_face(this,'[face14]')"><img src="/public/static/images/qqface/14.gif"></em>
						<em onclick="choose_face(this,'[face15]')"><img src="/public/static/images/qqface/15.gif"></em>
						<em onclick="choose_face(this,'[face16]')"><img src="/public/static/images/qqface/16.gif"></em>
						<em onclick="choose_face(this,'[face17]')"><img src="/public/static/images/qqface/17.gif"></em>
						<em onclick="choose_face(this,'[face18]')"><img src="/public/static/images/qqface/18.gif"></em>
						<em onclick="choose_face(this,'[face19]')"><img src="/public/static/images/qqface/19.gif"></em>
						<em onclick="choose_face(this,'[face20]')"><img src="/public/static/images/qqface/20.gif"></em>
						<em onclick="choose_face(this,'[face21]')"><img src="/public/static/images/qqface/21.gif"></em>
						<em onclick="choose_face(this,'[face22]')"><img src="/public/static/images/qqface/22.gif"></em>
					</li>
		<li><!--<button onclick="ajax_post();">确认提交</button><span onclick="layer.closeAll();">取消</span>--></li>
	</ul>
</div>


<script type="text/javascript">
//显示更多打赏
function show_more_reward(aid,rid){
	var url = "/index.php/index/label_show/ajax_get.html?tagname=topic_reword_wapmore001&pagename=952bc85b2ef88801fc94f6f3a28fc674&aid=7&union=aid%2Crid&where=&?page=1&aid=" + aid + '&rid=' + rid;
	$.get(url,function(res){
		if(res.code==0){
			$(".topic_reword_wapmore001").html(res.data);			
		}else{
			layer.msg(res.msg);
		}	
	});
}

//评论默认显示的部分打赏
$(".reply_reward").each(function(){
	var that = $(this);
	var url = "/index.php/index/label_show/ajax_get.html?tagname=reply_reward_page1&pagename=952bc85b2ef88801fc94f6f3a28fc674&union=aid%2Crid&where=&?page=1&aid=7&rid=" + $(this).data('id')
	$.get(url,function(res){
		if(res.code==0){
			that.html(res.data);
		}
	});
});
</script>



<!-------------在APP里边的分享按钮开始------------------>
<div class="share_botton_wrap">
	<div class="share_btnmenu"><span class="ishare_btn si si-action-redo"></span></div>
	<!--<div class="ishare_list button1" onclick="window.location.href='/index.php/bbs/content/add/mid/1/ext_id/7.html?fromurl=/index.php/bbs/show/content/id/7.html'"><span>贴子</span></div>-->
	 <div class="ishare_list button2" onclick="share_app('user')"><span>好友</span></div> 	
	 <div class="ishare_list button3" onclick="share_app('quan')"><span>朋友圈</span></div> 
	<div class="ishare_list button4" onclick="share_app('fav')"><span>收藏夹</span></div>
</div>
<style type="text/css">
.share_botton_wrap{width:38px;height:38px;position:fixed;right:0;top:180px;}
.share_botton_wrap .share_btnmenu span{
	line-height:38px;
}
.ishare_btn{
	width:38px;height:38px;background:#62B3E7;position:absolute;top:-60px;right:2px;z-index:10;cursor:pointer;
	border-radius:100%;
	-moz-border-radius:100%;
	opacity:0.5;
	font-size:30px;
	color:#fff;
	text-align:center;
	line-height:42px;
}
.ishare_list{
	width:38px;
	height:38px;
	background:#62B3E7;
	border-radius:100%;
	-moz-border-radius:100%;
	opacity:0.3;
	font-size:12px;
	color:#fff;
	text-align:center;
	line-height:38px;
	z-index:1;position:absolute;bottom:60px;right:0;margin:0 5px 2px 0;cursor:pointer;
}
.button1.close, .button2.close, .button3.close, .button4.close{bottom:60px;right:0;}
.button1.open{bottom:175px;right:0;opacity:0.8;}
.button2.open{bottom:150px;right:62px;opacity:0.8;}
.button3.open{bottom:105px;right:112px;opacity:0.8;}
.button4.open{bottom:48px;right:135px;opacity:0.8;}
.ishare_list{
	-webkit-transition:bottom .2s,right .2s;-moz-transition:bottom .2s,right .2s;-o-transition:bottom .2s,right .2s;-ms-transition:bottom .2s,right .2s;transition:bottom .2s,right .2s;
}
</style>
<script type="text/javascript">
$(function(){
	$(".share_btnmenu").click(function(){
		var span = $(this).find("span");
		if(span.hasClass("open")){
			span.removeClass("open").addClass("close");
			$(".ishare_list").removeClass("open").addClass("close");
		}else{
			span.removeClass("close").addClass("open");
			$(".ishare_list").removeClass("close").addClass("open");
		}
	});

	if(typeof(window.inApk)!='object'){
		$(".share_botton_wrap").hide();		//不在APP里,分享按钮就隐藏起来
	}
});
function share_app(type){
	window.inApk.app_share("http://qb.net/index.php/bbs/show.html?id=7&p_uid=1&","gfdsgfdfffffffffffff","fdgfdsfffffffffff以下是隐藏的内容需要回复才可见，因为你有特权，所以下面的内容可见请在这括号范围内输入要隐藏的内容..","http://qb.net/public/uploads/images/20191002/1_2019100219555482aad.jpeg",type);
}
</script>
<!---------------在APP里边的分享按钮结束--------------------------->


 
 

<script type="text/javascript">
//输入密码查看内容
function view_content_password(str){
	layer.prompt({
            title: '请输入访问密码',
            formType: 0
       }, function(value){
		   $.get("/index.php/bbs/wxapp.viewcheck/ckpwd.html?pwd="+value+"&md5str="+str,function(res){
			   if(res.code==0){
				   window.location.reload();
			   }else{
					layer.alert('密码不对');
			   }
		   });
    });
}

//消费积分才能查看
function view_content_paymoney(str){
	layer.confirm('你确认支付吗?',{title:'提醒!',btn:['确认支付','取消']},function(){
		$.get("/index.php/bbs/wxapp.viewcheck/ckmoney.html?md5str="+str,function(res){
			if(res.code==0){
				 window.location.reload();
			}else{
				layer.alert(res.msg);
			}
		});
	});
}

</script>





<link rel="stylesheet" href="/public/static/index/default/footer.css"> 
<div class="body_Footcont">
	<div class="footer">
		<ul>
		    <li><a href="/index.php/bbs/index.html"><i class="fa fa-home"></i><span>论坛主页</span></a></li>
			<li><a href="javascript:;" class="topic-agree"><i class="fa fa-thumbs-o-up"></i><span>点赞(<em class="topic_agree">{{info.agree}}</em>)</span></a></li>
			<li><a href="javascript:" class="post_topic_comment"><i class="fa fa-comment"></i><span>发表评论</span></a></li>			<li><a href="/index.php/bbs/content/add/fid/0/ext_sys/0/ext_id/40.html"><i class="fa fa-plus"></i><span>发新主题</span></a></li>
		</ul>
	</div>
</div>


</main>
</div>